<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title>帝莎编程 - 固定标题</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="description" content="帝莎编程首页描述" />
		<meta name="keywords" content="帝莎编程首页关键字" />
		<style cssr-id="n-button">
			.n-button {
				margin: 0;
				font-weight: var(--n-font-weight);
				line-height: 1;
				font-family: inherit;
				padding: var(--n-padding);
				height: var(--n-height);
				font-size: var(--n-font-size);
				border-radius: var(--n-border-radius);
				color: var(--n-text-color);
				background-color: var(--n-color);
				width: var(--n-width);
				white-space: nowrap;
				outline: none;
				position: relative;
				z-index: auto;
				border: none;
				display: inline-flex;
				flex-wrap: nowrap;
				flex-shrink: 0;
				align-items: center;
				justify-content: center;
				user-select: none;
				-webkit-user-select: none;
				text-align: center;
				cursor: pointer;
				text-decoration: none;
				transition: color 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					opacity 0.3s var(--n-bezier), border-color 0.3s var(--n-bezier);
			}

			.n-button.n-button--color .n-button__border {
				border-color: var(--n-border-color);
			}

			.n-button.n-button--color.n-button--disabled .n-button__border {
				border-color: var(--n-border-color-disabled);
			}

			.n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border {
				border-color: var(--n-border-color-focus);
			}

			.n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border {
				border-color: var(--n-border-color-hover);
			}

			.n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border {
				border-color: var(--n-border-color-pressed);
			}

			.n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border {
				border-color: var(--n-border-color-pressed);
			}

			.n-button.n-button--disabled {
				background-color: var(--n-color-disabled);
				color: var(--n-text-color-disabled);
			}

			.n-button.n-button--disabled .n-button__border {
				border: var(--n-border-disabled);
			}

			.n-button:not(.n-button--disabled):focus {
				background-color: var(--n-color-focus);
				color: var(--n-text-color-focus);
			}

			.n-button:not(.n-button--disabled):focus .n-button__state-border {
				border: var(--n-border-focus);
			}

			.n-button:not(.n-button--disabled):hover {
				background-color: var(--n-color-hover);
				color: var(--n-text-color-hover);
			}

			.n-button:not(.n-button--disabled):hover .n-button__state-border {
				border: var(--n-border-hover);
			}

			.n-button:not(.n-button--disabled):active {
				background-color: var(--n-color-pressed);
				color: var(--n-text-color-pressed);
			}

			.n-button:not(.n-button--disabled):active .n-button__state-border {
				border: var(--n-border-pressed);
			}

			.n-button:not(.n-button--disabled).n-button--pressed {
				background-color: var(--n-color-pressed);
				color: var(--n-text-color-pressed);
			}

			.n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border {
				border: var(--n-border-pressed);
			}

			.n-button.n-button--loading {
				cursor: wait;
			}

			.n-button .n-base-wave {
				pointer-events: none;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				animation-iteration-count: 1;
				animation-duration: var(--n-ripple-duration);
				animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
			}

			.n-button .n-base-wave.n-base-wave--active {
				z-index: 1;
				animation-name: button-wave-spread, button-wave-opacity;
			}

			.n-button .n-button__border,
			.n-button .n-button__state-border {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius: inherit;
				transition: border-color 0.3s var(--n-bezier);
				pointer-events: none;
			}

			.n-button .n-button__border {
				border: var(--n-border);
			}

			.n-button .n-button__state-border {
				border: var(--n-border);
				border-color: #0000;
				z-index: 1;
			}

			.n-button .n-button__icon {
				margin: var(--n-icon-margin);
				margin-left: 0;
				height: var(--n-icon-size);
				width: var(--n-icon-size);
				max-width: var(--n-icon-size);
				font-size: var(--n-icon-size);
				position: relative;
				flex-shrink: 0;
			}

			.n-button .n-button__icon .n-icon-slot {
				height: var(--n-icon-size);
				width: var(--n-icon-size);
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-from,
			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-to {
				transform: translateY(-50%) scale(0.75);
				left: 0;
				top: 50%;
				opacity: 0;
			}

			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-to,
			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-from {
				transform: scale(1) translateY(-50%);
				left: 0;
				top: 50%;
				opacity: 1;
			}

			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-active,
			.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-active {
				transform-origin: center;
				position: absolute;
				left: 0;
				top: 50%;
				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
			}

			.n-button .n-button__icon.fade-in-width-expand-transition-leave-from,
			.n-button .n-button__icon.fade-in-width-expand-transition-enter-to {
				opacity: 1;
			}

			.n-button .n-button__icon.fade-in-width-expand-transition-leave-to,
			.n-button .n-button__icon.fade-in-width-expand-transition-enter-from {
				opacity: 0 !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
			}

			.n-button .n-button__icon.fade-in-width-expand-transition-leave-active {
				overflow: hidden;
				transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
					margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
					margin-right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
			}

			.n-button .n-button__icon.fade-in-width-expand-transition-enter-active {
				overflow: hidden;
				transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1),
					margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-right 0.2s cubic-bezier(0.4, 0, 0.2, 1);
			}

			.n-button .n-button__content {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				min-width: 0;
			}

			.n-button .n-button__content ~ .n-button__icon {
				margin: var(--n-icon-margin);
				margin-right: 0;
			}

			.n-button.n-button--block {
				display: flex;
				width: 100%;
			}

			.n-button.n-button--dashed .n-button__border,
			.n-button.n-button--dashed .n-button__state-border {
				border-style: dashed !important;
			}

			.n-button.n-button--disabled {
				cursor: not-allowed;
				opacity: var(--n-opacity-disabled);
			}

			@keyframes button-wave-spread {
				from {
					box-shadow: 0 0 0.5px 0 var(--n-ripple-color);
				}
				to {
					box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
				}
			}

			@keyframes button-wave-opacity {
				from {
					opacity: var(--n-wave-opacity);
				}
				to {
					opacity: 0;
				}
			}
		</style>
		<style cssr-id="n-global">
			body {
				margin: 0;
				font-size: 14px;
				font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif,
					'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
				line-height: 1.6;
				-webkit-text-size-adjust: 100%;
				-webkit-tap-highlight-color: transparent;
			}

			body input {
				font-family: inherit;
				font-size: inherit;
			}
		</style>
		<style cssr-id="__button-clmmd">
			.__button-clmmd {
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-bezier-ease-out: cubic-bezier(0, 0, 0.2, 1);
				--n-ripple-duration: 0.6s;
				--n-opacity-disabled: 0.5;
				--n-wave-opacity: 0.6;
				font-weight: 400;
				--n-color: #0000;
				--n-color-hover: #0000;
				--n-color-pressed: #0000;
				--n-color-focus: #0000;
				--n-color-disabled: #0000;
				--n-ripple-color: #0000;
				--n-text-color: rgb(51, 54, 57);
				--n-text-color-hover: #36ad6a;
				--n-text-color-pressed: #0c7a43;
				--n-text-color-focus: #36ad6a;
				--n-text-color-disabled: rgb(51, 54, 57);
				--n-border: none;
				--n-border-hover: none;
				--n-border-pressed: none;
				--n-border-focus: none;
				--n-border-disabled: none;
				--n-width: initial;
				--n-height: initial;
				--n-font-size: 14px;
				--n-padding: initial;
				--n-icon-size: 18px;
				--n-icon-margin: 6px;
				--n-border-radius: initial;
			}
		</style>
		<style cssr-id="__button-elmmd">
			.__button-elmmd {
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-bezier-ease-out: cubic-bezier(0, 0, 0.2, 1);
				--n-ripple-duration: 0.6s;
				--n-opacity-disabled: 0.5;
				--n-wave-opacity: 0.6;
				font-weight: 400;
				--n-color: #0000;
				--n-color-hover: #0000;
				--n-color-pressed: #0000;
				--n-color-focus: #0000;
				--n-color-disabled: #0000;
				--n-ripple-color: #18a058;
				--n-text-color: rgb(51, 54, 57);
				--n-text-color-hover: #36ad6a;
				--n-text-color-pressed: #0c7a43;
				--n-text-color-focus: #36ad6a;
				--n-text-color-disabled: rgb(51, 54, 57);
				--n-border: 1px solid rgb(224, 224, 230);
				--n-border-hover: 1px solid #36ad6a;
				--n-border-pressed: 1px solid #0c7a43;
				--n-border-focus: 1px solid #36ad6a;
				--n-border-disabled: 1px solid rgb(224, 224, 230);
				--n-width: 34px;
				--n-height: 34px;
				--n-font-size: 14px;
				--n-padding: initial;
				--n-icon-size: 18px;
				--n-icon-margin: 6px;
				--n-border-radius: 34px;
			}
		</style>
		<style cssr-id="n-base-wave">
			.n-base-wave {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				border-radius: inherit;
			}
		</style>
		<style cssr-id="n-dropdown">
			.n-dropdown-menu {
				transform-origin: var(--v-transform-origin);
				background-color: var(--n-color);
				border-radius: var(--n-border-radius);
				box-shadow: var(--n-box-shadow);
				position: relative;
				transition: background-color 0.3s var(--n-bezier), box-shadow 0.3s var(--n-bezier);
			}

			.n-dropdown-menu.fade-in-scale-up-transition-leave-active {
				transform-origin: inherit;
				transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transform 0.2s cubic-bezier(0.4, 0, 1, 1);
			}

			.n-dropdown-menu.fade-in-scale-up-transition-enter-active {
				transform-origin: inherit;
				transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1);
			}

			.n-dropdown-menu.fade-in-scale-up-transition-enter-from,
			.n-dropdown-menu.fade-in-scale-up-transition-leave-to {
				opacity: 0;
				transform: scale(0.9);
			}

			.n-dropdown-menu.fade-in-scale-up-transition-leave-from,
			.n-dropdown-menu.fade-in-scale-up-transition-enter-to {
				opacity: 1;
				transform: scale(1);
			}

			.n-dropdown-menu .n-dropdown-option {
				position: relative;
			}

			.n-dropdown-menu .n-dropdown-option a {
				text-decoration: none;
				color: inherit;
				outline: none;
			}

			.n-dropdown-menu .n-dropdown-option a::before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body {
				display: flex;
				cursor: pointer;
				position: relative;
				height: var(--n-option-height);
				line-height: var(--n-option-height);
				font-size: var(--n-font-size);
				color: var(--n-option-text-color);
				transition: color 0.3s var(--n-bezier);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 4px;
				right: 4px;
				transition: background-color 0.3s var(--n-bezier);
				border-radius: var(--n-border-radius);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending {
				color: var(--n-option-text-color-hover);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending
				.n-dropdown-option-body__prefix,
			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending
				.n-dropdown-option-body__suffix {
				color: var(--n-option-text-color-hover);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending::before {
				background-color: var(--n-option-color-hover);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active {
				color: var(--n-option-text-color-active);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active
				.n-dropdown-option-body__prefix,
			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active
				.n-dropdown-option-body__suffix {
				color: var(--n-option-text-color-active);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active::before {
				background-color: var(--n-option-color-active);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active {
				color: var(--n-option-text-color-child-active);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active
				.n-dropdown-option-body__prefix,
			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active
				.n-dropdown-option-body__suffix {
				color: var(--n-option-text-color-child-active);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--disabled {
				cursor: not-allowed;
				opacity: var(--n-option-opacity-disabled);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group {
				font-size: calc(var(--n-font-size) - 1px);
				color: var(--n-group-header-text-color);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body.n-dropdown-option-body--group
				.n-dropdown-option-body__prefix {
				width: calc(var(--n-option-prefix-width) / 2);
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body.n-dropdown-option-body--group
				.n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon {
				width: calc(var(--n-option-icon-prefix-width) / 2);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix {
				width: var(--n-option-prefix-width);
				display: flex;
				justify-content: center;
				align-items: center;
				color: var(--n-prefix-color);
				transition: color 0.3s var(--n-bezier);
				z-index: 1;
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body
				.n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon {
				width: var(--n-option-icon-prefix-width);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix .n-icon {
				font-size: var(--n-option-icon-size);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__label {
				white-space: nowrap;
				flex: 1;
				z-index: 1;
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix {
				box-sizing: border-box;
				flex-grow: 0;
				flex-shrink: 0;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				min-width: var(--n-option-suffix-width);
				padding: 0 8px;
				transition: color 0.3s var(--n-bezier);
				color: var(--n-suffix-color);
				z-index: 1;
			}

			.n-dropdown-menu
				.n-dropdown-option
				.n-dropdown-option-body
				.n-dropdown-option-body__suffix.n-dropdown-option-body__suffix--has-submenu {
				width: var(--n-option-icon-suffix-width);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix .n-icon {
				font-size: var(--n-option-icon-size);
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-menu {
				pointer-events: all;
			}

			.n-dropdown-menu .n-dropdown-option .n-dropdown-offset-container {
				pointer-events: none;
				position: absolute;
				left: 0;
				right: 0;
				top: -4px;
				bottom: -4px;
			}

			.n-dropdown-menu .n-dropdown-divider {
				transition: background-color 0.3s var(--n-bezier);
				background-color: var(--n-divider-color);
				height: 1px;
				margin: 4px 0;
			}

			.n-dropdown-menu .n-dropdown-menu-wrapper {
				transform-origin: var(--v-transform-origin);
				width: fit-content;
			}

			.n-dropdown-menu > .n-scrollbar {
				height: inherit;
				max-height: inherit;
			}

			.n-dropdown-menu:not(.n-dropdown-menu--scrollable) {
				padding: var(--n-padding);
			}

			.n-dropdown-menu.n-dropdown-menu--scrollable .n-dropdown-menu__content {
				padding: var(--n-padding);
			}
		</style>
		<style cssr-id="n-avatar">
			.n-avatar {
				width: var(--n-merged-size);
				height: var(--n-merged-size);
				color: #fff;
				font-size: var(--n-font-size);
				display: inline-flex;
				position: relative;
				overflow: hidden;
				text-align: center;
				border: var(--n-border);
				border-radius: var(--n-border-radius);
				--n-merged-color: var(--n-color);
				background-color: var(--n-merged-color);
				transition: border-color 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					color 0.3s var(--n-bezier);
			}

			.n-avatar .n-modal,
			.n-avatar .n-drawer {
				--n-merged-color: var(--n-color-modal);
			}

			.n-avatar .n-popover {
				--n-merged-color: var(--n-color-popover);
			}

			.n-avatar img {
				width: 100%;
				height: 100%;
			}

			.n-avatar .n-avatar__text {
				white-space: nowrap;
				display: inline-block;
				position: absolute;
				left: 50%;
				top: 50%;
			}

			.n-avatar .n-icon {
				vertical-align: bottom;
				font-size: calc(var(--n-merged-size) - 6px);
			}

			.n-avatar .n-avatar__text {
				line-height: 1.25;
			}
		</style>
		<style cssr-id="__avatar-sb">
			.__avatar-sb {
				--n-font-size: 14px;
				--n-border: none;
				--n-border-radius: 50%;
				--n-color: rgba(204, 204, 204, 1);
				--n-color-modal: rgba(204, 204, 204, 1);
				--n-color-popover: rgba(204, 204, 204, 1);
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-merged-size: var(--n-avatar-size-override, 28px);
			}
		</style>
		<style cssr-id="n-popover">
			.n-popover {
				transition: box-shadow 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					color 0.3s var(--n-bezier);
				position: relative;
				font-size: var(--n-font-size);
				color: var(--n-text-color);
				box-shadow: var(--n-box-shadow);
				word-break: break-word;
			}

			.n-popover > .n-scrollbar {
				height: inherit;
				max-height: inherit;
			}

			.n-popover:not(.n-popover--raw) {
				background-color: var(--n-color);
				border-radius: var(--n-border-radius);
			}

			.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer) {
				padding: var(--n-padding);
			}

			.n-popover .n-popover__header {
				padding: var(--n-padding);
				border-bottom: 1px solid var(--n-divider-color);
				transition: border-color 0.3s var(--n-bezier);
			}

			.n-popover .n-popover__footer {
				padding: var(--n-padding);
				border-top: 1px solid var(--n-divider-color);
				transition: border-color 0.3s var(--n-bezier);
			}

			.n-popover.n-popover--scrollable .n-popover__content,
			.n-popover.n-popover--show-header-or-footer .n-popover__content {
				padding: var(--n-padding);
			}

			.n-popover-shared {
				transform-origin: inherit;
			}

			.n-popover-shared .n-popover-arrow-wrapper {
				position: absolute;
				overflow: hidden;
				pointer-events: none;
			}

			.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {
				transition: background-color 0.3s var(--n-bezier);
				position: absolute;
				display: block;
				width: calc(var(--n-arrow-height) * 1.414);
				height: calc(var(--n-arrow-height) * 1.414);
				box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
				transform: rotate(45deg);
				background-color: var(--n-color);
				pointer-events: all;
			}

			.n-popover-shared.popover-transition-enter-from,
			.n-popover-shared.popover-transition-leave-to {
				opacity: 0;
				transform: scale(0.85);
			}

			.n-popover-shared.popover-transition-enter-to,
			.n-popover-shared.popover-transition-leave-from {
				transform: scale(1);
				opacity: 1;
			}

			.n-popover-shared.popover-transition-enter-active {
				transition: box-shadow 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					color 0.3s var(--n-bezier), opacity 0.15s var(--n-bezier-ease-out),
					transform 0.15s var(--n-bezier-ease-out);
			}

			.n-popover-shared.popover-transition-leave-active {
				transition: box-shadow 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					color 0.3s var(--n-bezier), opacity 0.15s var(--n-bezier-ease-in),
					transform 0.15s var(--n-bezier-ease-in);
			}

			[v-placement='top-start'] > .n-popover-shared {
				margin-bottom: var(--n-space);
			}

			[v-placement='top-start'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-bottom: var(--n-space-arrow);
			}

			[v-placement='top-start'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='top-start'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				top: 100%;
				bottom: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='top-start'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				top: calc(var(--n-arrow-height) * 1.414 / -2);
				left: calc(var(--n-arrow-offset) - var(--v-offset-left));
			}

			[v-placement='top'] > .n-popover-shared {
				margin-bottom: var(--n-space);
			}

			[v-placement='top'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-bottom: var(--n-space-arrow);
			}

			[v-placement='top'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='top'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				top: 100%;
				bottom: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='top'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				top: calc(var(--n-arrow-height) * 1.414 / -2);
				transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
				left: 50%;
			}

			[v-placement='top-end'] > .n-popover-shared {
				margin-bottom: var(--n-space);
			}

			[v-placement='top-end'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-bottom: var(--n-space-arrow);
			}

			[v-placement='top-end'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='top-end'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				top: 100%;
				bottom: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='top-end'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				top: calc(var(--n-arrow-height) * 1.414 / -2);
				right: calc(var(--n-arrow-offset) + var(--v-offset-left));
			}

			[v-placement='bottom-start'] > .n-popover-shared {
				margin-top: var(--n-space);
			}

			[v-placement='bottom-start'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-top: var(--n-space-arrow);
			}

			[v-placement='bottom-start'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='bottom-start'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				bottom: 100%;
				top: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='bottom-start'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				bottom: calc(var(--n-arrow-height) * 1.414 / -2);
				left: calc(var(--n-arrow-offset) - var(--v-offset-left));
			}

			[v-placement='bottom'] > .n-popover-shared {
				margin-top: var(--n-space);
			}

			[v-placement='bottom'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-top: var(--n-space-arrow);
			}

			[v-placement='bottom'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='bottom'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				bottom: 100%;
				top: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='bottom'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				bottom: calc(var(--n-arrow-height) * 1.414 / -2);
				transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
				left: 50%;
			}

			[v-placement='bottom-end'] > .n-popover-shared {
				margin-top: var(--n-space);
			}

			[v-placement='bottom-end'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-top: var(--n-space-arrow);
			}

			[v-placement='bottom-end'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='bottom-end'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				bottom: 100%;
				top: auto;
				height: var(--n-space-arrow);
			}

			[v-placement='bottom-end'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				bottom: calc(var(--n-arrow-height) * 1.414 / -2);
				right: calc(var(--n-arrow-offset) + var(--v-offset-left));
			}

			[v-placement='left-start'] > .n-popover-shared {
				margin-right: var(--n-space);
			}

			[v-placement='left-start'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-right: var(--n-space-arrow);
			}

			[v-placement='left-start'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='left-start'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				left: 100%;
				right: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='left-start'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				left: calc(var(--n-arrow-height) * 1.414 / -2);
				top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
			}

			[v-placement='left'] > .n-popover-shared {
				margin-right: var(--n-space);
			}

			[v-placement='left'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-right: var(--n-space-arrow);
			}

			[v-placement='left'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='left'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				left: 100%;
				right: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='left'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				left: calc(var(--n-arrow-height) * 1.414 / -2);
				transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
				top: 50%;
			}

			[v-placement='left-end'] > .n-popover-shared {
				margin-right: var(--n-space);
			}

			[v-placement='left-end'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-right: var(--n-space-arrow);
			}

			[v-placement='left-end'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='left-end'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				left: 100%;
				right: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='left-end'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				left: calc(var(--n-arrow-height) * 1.414 / -2);
				bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
			}

			[v-placement='right-start'] > .n-popover-shared {
				margin-left: var(--n-space);
			}

			[v-placement='right-start'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-left: var(--n-space-arrow);
			}

			[v-placement='right-start'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='right-start'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				right: 100%;
				left: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='right-start'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				right: calc(var(--n-arrow-height) * 1.414 / -2);
				top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
			}

			[v-placement='right'] > .n-popover-shared {
				margin-left: var(--n-space);
			}

			[v-placement='right'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-left: var(--n-space-arrow);
			}

			[v-placement='right'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='right'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				right: 100%;
				left: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='right'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				right: calc(var(--n-arrow-height) * 1.414 / -2);
				transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
				top: 50%;
			}

			[v-placement='right-end'] > .n-popover-shared {
				margin-left: var(--n-space);
			}

			[v-placement='right-end'] > .n-popover-shared.n-popover-shared--show-arrow {
				margin-left: var(--n-space-arrow);
			}

			[v-placement='right-end'] > .n-popover-shared.n-popover-shared--overlap {
				margin: 0;
			}

			[v-placement='right-end'] > .n-popover-shared > .n-popover-arrow-wrapper {
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				right: 100%;
				left: auto;
				width: var(--n-space-arrow);
			}

			[v-placement='right-end'] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {
				right: calc(var(--n-arrow-height) * 1.414 / -2);
				bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
			}

			[v-placement='right-start'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				top: calc(
					max(
							calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
							var(--n-arrow-offset-vertical)
						) - var(--v-offset-top)
				);
			}

			[v-placement='left-start'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				top: calc(
					max(
							calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
							var(--n-arrow-offset-vertical)
						) - var(--v-offset-top)
				);
			}

			[v-placement='top-end'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				right: calc(
					max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) +
						var(--v-offset-left)
				);
			}

			[v-placement='bottom-end'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				right: calc(
					max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) +
						var(--v-offset-left)
				);
			}

			[v-placement='right-end'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				bottom: calc(
					max(
							calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
							var(--n-arrow-offset-vertical)
						) + var(--v-offset-top)
				);
			}

			[v-placement='left-end'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				bottom: calc(
					max(
							calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
							var(--n-arrow-offset-vertical)
						) + var(--v-offset-top)
				);
			}

			[v-placement='top-start'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				left: calc(
					max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) -
						var(--v-offset-left)
				);
			}

			[v-placement='bottom-start'] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
				left: calc(
					max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) -
						var(--v-offset-left)
				);
			}
		</style>
		<style cssr-id="vueuc/binder">
			.v-binder-follower-container {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				height: 0;
				pointer-events: none;
				z-index: auto;
			}

			.v-binder-follower-content {
				position: absolute;
				z-index: auto;
			}

			.v-binder-follower-content > * {
				pointer-events: all;
			}
		</style>
		<style cssr-id="n-carousel">
			.n-carousel {
				position: relative;
				width: 100%;
				height: 100%;
				touch-action: pan-y;
				overflow: hidden;
			}

			.n-carousel .n-carousel__slides {
				display: flex;
				width: 100%;
				height: 100%;
				transition-timing-function: var(--n-bezier);
				transition-property: transform;
			}

			.n-carousel .n-carousel__slides .n-carousel__slide {
				flex-shrink: 0;
				position: relative;
				width: 100%;
				height: 100%;
				outline: none;
				overflow: hidden;
			}

			.n-carousel .n-carousel__slides .n-carousel__slide > img {
				display: block;
			}

			.n-carousel .n-carousel__dots {
				position: absolute;
				display: flex;
				flex-wrap: nowrap;
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot {
				height: var(--n-dot-size);
				width: var(--n-dot-size);
				background-color: var(--n-dot-color);
				border-radius: 50%;
				cursor: pointer;
				transition: box-shadow 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier);
				outline: none;
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot:focus {
				background-color: var(--n-dot-color-focus);
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot.n-carousel__dot--active {
				background-color: var(--n-dot-color-active);
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
				border-radius: 9999px;
				width: var(--n-dot-line-width);
				height: 4px;
				background-color: var(--n-dot-color);
				cursor: pointer;
				transition: width 0.3s var(--n-bezier), box-shadow 0.3s var(--n-bezier),
					background-color 0.3s var(--n-bezier);
				outline: none;
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot:focus {
				background-color: var(--n-dot-color-focus);
			}

			.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active {
				width: var(--n-dot-line-width-active);
				background-color: var(--n-dot-color-active);
			}

			.n-carousel .n-carousel__arrow {
				transition: background-color 0.3s var(--n-bezier);
				cursor: pointer;
				height: 28px;
				width: 28px;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: rgba(255, 255, 255, 0.2);
				color: var(--n-arrow-color);
				border-radius: 8px;
				user-select: none;
				-webkit-user-select: none;
				font-size: 18px;
			}

			.n-carousel .n-carousel__arrow svg {
				height: 1em;
				width: 1em;
			}

			.n-carousel .n-carousel__arrow:hover {
				background-color: rgba(255, 255, 255, 0.3);
			}

			.n-carousel.n-carousel--vertical {
				touch-action: pan-x;
			}

			.n-carousel.n-carousel--vertical .n-carousel__slides {
				flex-direction: column;
			}

			.n-carousel.n-carousel--vertical.n-carousel--fade .n-carousel__slide {
				top: 50%;
				left: unset;
				transform: translateY(-50%);
			}

			.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide {
				top: 50%;
				left: unset;
				transform: translateY(-50%) translateZ(-400px);
			}

			.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--current {
				transform: translateY(-50%) translateZ(0);
			}

			.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--prev {
				transform: translateY(-100%) translateZ(-200px);
			}

			.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
				transform: translateY(0%) translateZ(-200px);
			}

			.n-carousel.n-carousel--usercontrol .n-carousel__slides > div {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 100%;
				height: 100%;
				transform: translate(-50%, -50%);
			}

			.n-carousel.n-carousel--left .n-carousel__dots {
				transform: translateY(-50%);
				top: 50%;
				left: 12px;
				flex-direction: column;
			}

			.n-carousel.n-carousel--left .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
				width: 4px;
				height: var(--n-dot-line-width);
				margin: 4px 0;
				transition: height 0.3s var(--n-bezier), box-shadow 0.3s var(--n-bezier),
					background-color 0.3s var(--n-bezier);
				outline: none;
			}

			.n-carousel.n-carousel--left
				.n-carousel__dots.n-carousel__dots--line
				.n-carousel__dot.n-carousel__dot--active {
				height: var(--n-dot-line-width-active);
			}

			.n-carousel.n-carousel--left .n-carousel__dot {
				margin: 4px 0;
			}

			.n-carousel .n-carousel__arrow-group {
				position: absolute;
				display: flex;
				flex-wrap: nowrap;
			}

			.n-carousel.n-carousel--vertical .n-carousel__arrow {
				transform: rotate(90deg);
			}

			.n-carousel.n-carousel--show-arrow.n-carousel--bottom .n-carousel__dots {
				transform: translateX(0);
				bottom: 18px;
				left: 18px;
			}

			.n-carousel.n-carousel--show-arrow.n-carousel--top .n-carousel__dots {
				transform: translateX(0);
				top: 18px;
				left: 18px;
			}

			.n-carousel.n-carousel--show-arrow.n-carousel--left .n-carousel__dots {
				transform: translateX(0);
				top: 18px;
				left: 18px;
			}

			.n-carousel.n-carousel--show-arrow.n-carousel--right .n-carousel__dots {
				transform: translateX(0);
				top: 18px;
				right: 18px;
			}

			.n-carousel.n-carousel--left .n-carousel__arrow-group {
				bottom: 12px;
				left: 12px;
				flex-direction: column;
			}

			.n-carousel.n-carousel--left .n-carousel__arrow-group > *:first-child {
				margin-bottom: 12px;
			}

			.n-carousel.n-carousel--right .n-carousel__dots {
				transform: translateY(-50%);
				top: 50%;
				right: 12px;
				flex-direction: column;
			}

			.n-carousel.n-carousel--right .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
				width: 4px;
				height: var(--n-dot-line-width);
				margin: 4px 0;
				transition: height 0.3s var(--n-bezier), box-shadow 0.3s var(--n-bezier),
					background-color 0.3s var(--n-bezier);
				outline: none;
			}

			.n-carousel.n-carousel--right
				.n-carousel__dots.n-carousel__dots--line
				.n-carousel__dot.n-carousel__dot--active {
				height: var(--n-dot-line-width-active);
			}

			.n-carousel.n-carousel--right .n-carousel__dot {
				margin: 4px 0;
			}

			.n-carousel.n-carousel--right .n-carousel__arrow-group {
				bottom: 12px;
				right: 12px;
				flex-direction: column;
			}

			.n-carousel.n-carousel--right .n-carousel__arrow-group > *:first-child {
				margin-bottom: 12px;
			}

			.n-carousel.n-carousel--top .n-carousel__dots {
				transform: translateX(-50%);
				top: 12px;
				left: 50%;
			}

			.n-carousel.n-carousel--top .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
				margin: 0 4px;
			}

			.n-carousel.n-carousel--top .n-carousel__dot {
				margin: 0 4px;
			}

			.n-carousel.n-carousel--top .n-carousel__arrow-group {
				top: 12px;
				right: 12px;
			}

			.n-carousel.n-carousel--top .n-carousel__arrow-group > *:first-child {
				margin-right: 12px;
			}

			.n-carousel.n-carousel--bottom .n-carousel__dots {
				transform: translateX(-50%);
				bottom: 12px;
				left: 50%;
			}

			.n-carousel.n-carousel--bottom .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
				margin: 0 4px;
			}

			.n-carousel.n-carousel--bottom .n-carousel__dot {
				margin: 0 4px;
			}

			.n-carousel.n-carousel--bottom .n-carousel__arrow-group {
				bottom: 12px;
				right: 12px;
			}

			.n-carousel.n-carousel--bottom .n-carousel__arrow-group > *:first-child {
				margin-right: 12px;
			}

			.n-carousel.n-carousel--fade .n-carousel__slide {
				position: absolute;
				opacity: 0;
				transition-property: opacity;
				pointer-events: none;
			}

			.n-carousel.n-carousel--fade .n-carousel__slide.n-carousel__slide--current {
				opacity: 1;
				pointer-events: auto;
			}

			.n-carousel.n-carousel--card .n-carousel__slides {
				perspective: 1000px;
			}

			.n-carousel.n-carousel--card .n-carousel__slide {
				position: absolute;
				left: 50%;
				opacity: 0;
				transform: translateX(-50%) translateZ(-400px);
				transition-property: opacity, transform;
			}

			.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--current {
				opacity: 1;
				transform: translateX(-50%) translateZ(0);
				z-index: 1;
			}

			.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev {
				opacity: 0.4;
				transform: translateX(-100%) translateZ(-200px);
			}

			.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
				opacity: 0.4;
				transform: translateX(0%) translateZ(-200px);
			}
		</style>
		<style cssr-id="__carousel">
			.__carousel {
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-dot-color: rgba(255, 255, 255, 0.3);
				--n-dot-color-focus: rgba(255, 255, 255, 0.5);
				--n-dot-color-active: rgba(255, 255, 255, 1);
				--n-dot-size: 8px;
				--n-dot-line-width: 16px;
				--n-dot-line-width-active: 24px;
				--n-arrow-color: #eee;
			}
		</style>
		<style cssr-id="n-card">
			.n-card {
				font-size: var(--n-font-size);
				line-height: var(--n-line-height);
				display: flex;
				flex-direction: column;
				width: 100%;
				box-sizing: border-box;
				position: relative;
				border-radius: var(--n-border-radius);
				background-color: var(--n-color);
				color: var(--n-text-color);
				word-break: break-word;
				transition: color 0.3s var(--n-bezier), background-color 0.3s var(--n-bezier),
					box-shadow 0.3s var(--n-bezier), border-color 0.3s var(--n-bezier);
			}

			.n-card.n-modal {
				background: var(--n-color-modal);
			}

			.n-card.n-card--hoverable:hover {
				box-shadow: var(--n-box-shadow);
			}

			.n-card.n-card--content-segmented > .n-card__content {
				padding-top: var(--n-padding-bottom);
			}

			.n-card.n-card--content-soft-segmented > .n-card__content {
				margin: 0 var(--n-padding-left);
				padding: var(--n-padding-bottom) 0;
			}

			.n-card.n-card--footer-segmented > .n-card__footer {
				padding-top: var(--n-padding-bottom);
			}

			.n-card.n-card--footer-soft-segmented > .n-card__footer {
				padding: var(--n-padding-bottom) 0;
				margin: 0 var(--n-padding-left);
			}

			.n-card > .n-card-header {
				box-sizing: border-box;
				display: flex;
				align-items: center;
				font-size: var(--n-title-font-size);
				padding: var(--n-padding-top) var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
			}

			.n-card > .n-card-header .n-card-header__main {
				font-weight: var(--n-title-font-weight);
				transition: color 0.3s var(--n-bezier);
				flex: 1;
				min-width: 0;
				color: var(--n-title-text-color);
			}

			.n-card > .n-card-header .n-card-header__extra {
				display: flex;
				align-items: center;
				font-size: var(--n-font-size);
				font-weight: 400;
				transition: color 0.3s var(--n-bezier);
				color: var(--n-text-color);
			}

			.n-card > .n-card-header .n-card-header__close {
				margin: 0 0 0 8px;
				transition: background-color 0.3s var(--n-bezier), color 0.3s var(--n-bezier);
			}

			.n-card > .n-card__action {
				box-sizing: border-box;
				transition: background-color 0.3s var(--n-bezier), border-color 0.3s var(--n-bezier);
				background-clip: padding-box;
				background-color: var(--n-action-color);
			}

			.n-card > .n-card__content {
				flex: 1;
				min-width: 0;
			}

			.n-card > .n-card__content,
			.n-card > .n-card__footer {
				box-sizing: border-box;
				padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
				font-size: var(--n-font-size);
			}

			.n-card > .n-card__content:first-child,
			.n-card > .n-card__footer:first-child {
				padding-top: var(--n-padding-bottom);
			}

			.n-card > .n-card__action {
				background-color: var(--n-action-color);
				padding: var(--n-padding-bottom) var(--n-padding-left);
				border-bottom-left-radius: var(--n-border-radius);
				border-bottom-right-radius: var(--n-border-radius);
			}

			.n-card .n-card-cover {
				overflow: hidden;
				width: 100%;
				border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
			}

			.n-card .n-card-cover img {
				display: block;
				width: 100%;
			}

			.n-card.n-card--bordered {
				border: 1px solid var(--n-border-color);
			}

			.n-card.n-card--bordered:target {
				border-color: var(--n-color-target);
			}

			.n-card.n-card--action-segmented > .n-card__action:not(:first-child) {
				border-top: 1px solid var(--n-border-color);
			}

			.n-card.n-card--content-segmented > .n-card__content,
			.n-card.n-card--content-soft-segmented > .n-card__content {
				transition: border-color 0.3s var(--n-bezier);
			}

			.n-card.n-card--content-segmented > .n-card__content:not(:first-child),
			.n-card.n-card--content-soft-segmented > .n-card__content:not(:first-child) {
				border-top: 1px solid var(--n-border-color);
			}

			.n-card.n-card--footer-segmented > .n-card__footer,
			.n-card.n-card--footer-soft-segmented > .n-card__footer {
				transition: border-color 0.3s var(--n-bezier);
			}

			.n-card.n-card--footer-segmented > .n-card__footer:not(:first-child),
			.n-card.n-card--footer-soft-segmented > .n-card__footer:not(:first-child) {
				border-top: 1px solid var(--n-border-color);
			}

			.n-card.n-card--embedded {
				background-color: var(--n-color-embedded);
			}

			.n-modal .n-card,
			.n-drawer .n-card {
				background: var(--n-color-modal);
			}

			.n-modal .n-card.n-card--embedded,
			.n-drawer .n-card.n-card--embedded {
				background-color: var(--n-color-embedded-modal);
			}

			.n-popover .n-card {
				background: var(--n-color-popover);
			}

			.n-popover .n-card.n-card--embedded {
				background-color: var(--n-color-embedded-popover);
			}
		</style>
		<style cssr-id="__card-m">
			.__card-m {
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-border-radius: 3px;
				--n-color: #fff;
				--n-color-modal: #fff;
				--n-color-popover: #fff;
				--n-color-embedded: rgb(250, 250, 252);
				--n-color-embedded-modal: rgb(250, 250, 252);
				--n-color-embedded-popover: rgb(250, 250, 252);
				--n-color-target: #18a058;
				--n-text-color: rgb(51, 54, 57);
				--n-line-height: 1.6;
				--n-action-color: rgb(250, 250, 252);
				--n-title-text-color: rgb(31, 34, 37);
				--n-title-font-weight: 500;
				--n-close-icon-color: rgba(102, 102, 102, 1);
				--n-close-icon-color-hover: rgba(102, 102, 102, 1);
				--n-close-icon-color-pressed: rgba(102, 102, 102, 1);
				--n-close-color-hover: rgba(0, 0, 0, 0.09);
				--n-close-color-pressed: rgba(0, 0, 0, 0.13);
				--n-border-color: rgb(239, 239, 245);
				--n-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.08), 0 3px 6px 0 rgba(0, 0, 0, 0.06),
					0 5px 12px 4px rgba(0, 0, 0, 0.04);
				--n-padding-top: 19px;
				--n-padding-bottom: 20px;
				--n-padding-left: 24px;
				--n-font-size: 14px;
				--n-title-font-size: 18px;
				--n-close-size: 22px;
				--n-close-icon-size: 18px;
				--n-close-border-radius: 3px;
			}
		</style>
		<style cssr-id="__button-hlmmd">
			.__button-hlmmd {
				--n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
				--n-bezier-ease-out: cubic-bezier(0, 0, 0.2, 1);
				--n-ripple-duration: 0.6s;
				--n-opacity-disabled: 0.5;
				--n-wave-opacity: 0.6;
				font-weight: 400;
				--n-color: #0000;
				--n-color-hover: rgba(46, 51, 56, 0.09);
				--n-color-pressed: rgba(46, 51, 56, 0.13);
				--n-color-focus: rgba(46, 51, 56, 0.09);
				--n-color-disabled: #0000;
				--n-ripple-color: #0000;
				--n-text-color: rgb(51, 54, 57);
				--n-text-color-hover: rgb(51, 54, 57);
				--n-text-color-pressed: rgb(51, 54, 57);
				--n-text-color-focus: rgb(51, 54, 57);
				--n-text-color-disabled: rgb(51, 54, 57);
				--n-border: 1px solid rgb(224, 224, 230);
				--n-border-hover: 1px solid #36ad6a;
				--n-border-pressed: 1px solid #0c7a43;
				--n-border-focus: 1px solid #36ad6a;
				--n-border-disabled: 1px solid rgb(224, 224, 230);
				--n-width: initial;
				--n-height: 34px;
				--n-font-size: 14px;
				--n-padding: 0 14px;
				--n-icon-size: 18px;
				--n-icon-margin: 6px;
				--n-border-radius: 3px;
			}
		</style>
		<link rel="preload" as="style" href="/_nuxt/assets/main.css" />
		<link rel="preload" as="style" href="/_nuxt/@windicss/windi.css" />
		<link
			rel="preload"
			as="style"
			href="/_nuxt/node_modules/vite-plugin-vue-inspector/src/Overlay.vue?vue&type=style&index=0&scoped=31d1379f&lang.css"
		/>
		<link
			rel="preload"
			as="style"
			href="/_nuxt/components/Banner.vue?vue&type=style&index=0&scoped=76049b2e&lang.css"
		/>
		<link
			rel="preload"
			as="style"
			href="/_nuxt/components/CountDown.vue?vue&type=style&index=0&scoped=0064e693&lang.css"
		/>
		<link rel="preload" as="style" href="/_nuxt/layouts/default.vue?vue&type=style&index=0&lang.css" />
		<link
			rel="preload"
			as="style"
			href="/_nuxt/components/NavBar.vue?vue&type=style&index=0&scoped=2202255b&lang.css"
		/>
		<link rel="preload" as="style" href="/_nuxt/components/Ui/Menu.vue?vue&type=style&index=0&lang.css" />
		<link rel="preload" as="style" href="/_nuxt/components/Ui/MenuItem.vue?vue&type=style&index=0&lang.css" />
		<link
			rel="modulepreload"
			as="script"
			crossorigin
			href="/_nuxt/F:/项目/codewhy/nuxt-edu/node_modules/nuxt/dist/app/entry.js"
		/>
		<link rel="stylesheet" href="/_nuxt/assets/main.css" />
		<link rel="stylesheet" href="/_nuxt/@windicss/windi.css" />
		<link
			rel="stylesheet"
			href="/_nuxt/node_modules/vite-plugin-vue-inspector/src/Overlay.vue?vue&type=style&index=0&scoped=31d1379f&lang.css"
		/>
		<link rel="stylesheet" href="/_nuxt/components/Banner.vue?vue&type=style&index=0&scoped=76049b2e&lang.css" />
		<link rel="stylesheet" href="/_nuxt/components/CountDown.vue?vue&type=style&index=0&scoped=0064e693&lang.css" />
		<link rel="stylesheet" href="/_nuxt/layouts/default.vue?vue&type=style&index=0&lang.css" />
		<link rel="stylesheet" href="/_nuxt/components/NavBar.vue?vue&type=style&index=0&scoped=2202255b&lang.css" />
		<link rel="stylesheet" href="/_nuxt/components/Ui/Menu.vue?vue&type=style&index=0&lang.css" />
		<link rel="stylesheet" href="/_nuxt/components/Ui/MenuItem.vue?vue&type=style&index=0&lang.css" />
	</head>
	<body>
		<div id="__nuxt">
			<!--[--><!-- naive-ui ssr中默认是inline css -->
			<div class="n-config-provider">
				<div class="body" data-v-inspector="layouts/default.vue:2:2">
					<!--[-->
					<div class="navbar" data-v-inspector="components/NavBar.vue:2:2" data-v-2202255b>
						<div
							class="container flex items-center h-[60px]"
							data-v-inspector="components/NavBar.vue:3:3"
							data-v-2202255b
						>
							<button
								class="__button-clmmd n-button n-button--default-type n-button--medium-type !text-xl !font-bold"
								tabindex="0"
								type="button"
								style=""
								data-v-2202255b
							>
								<!----><!----><span class="n-button__content">帝莎编程</span
								><!----><!----><!---->
							</button>
							<div class="menu" data-v-inspector="components/Ui/Menu.vue:2:2" data-v-2202255b>
								<!--[--><!--[-->
								<div
									class="menu-item menu-item-active"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->首页<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->考试<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->拼团<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->秒杀<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->直播<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->专栏<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->电子书<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->社区<!--]-->
								</div>
								<div
									class="menu-item"
									data-v-inspector="components/Ui/MenuItem.vue:2:2"
									data-v-2202255b
								>
									<!--[-->课程<!--]-->
								</div>
								<!--]--><!--]-->
							</div>
							<button
								class="__button-elmmd n-button n-button--default-type n-button--medium-type ml-auto mr-3"
								tabindex="0"
								type="button"
								style=""
								data-v-2202255b
							>
								<!----><span class="n-button__icon" style="margin: 0"
									><div class="n-icon-slot" role="none">
										<n-icon class="w-4" data-v-2202255b
											><svg
												xmlns="http://www.w3.org/2000/svg"
												xmlns:xlink="http://www.w3.org/1999/xlink"
												viewBox="0 0 512 512"
												data-v-2202255b
											>
												<path
													d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8z"
													fill="currentColor"
												></path></svg
										></n-icon></div></span
								><!---->
								<div aria-hidden="true" class="n-base-wave"></div>
								<div aria-hidden="true" class="n-button__border" style=""></div>
								<div aria-hidden="true" class="n-button__state-border" style=""></div></button
							><!--[--><!----><span class="n-avatar __avatar-sb" style="" data-v-2202255b
								><img
									loading="eager"
									src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
									data-image-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
									style=""
								/><!----></span
							><!----><!--]-->
						</div>
					</div>
					<!-- navbar 占位 -->
					<div class="w-[100%] h-[80px]" data-v-inspector="components/NavBar.vue:29:2" data-v-2202255b></div>
					<!--]-->
					<main class="container" data-v-inspector="layouts/default.vue:4:3">
						<!--[-->
						<div data-v-inspector="pages/index.vue:2:2">
							<!--[--><!--[--><!----><!--]--><!--[-->
							<div
								class="__carousel n-carousel n-carousel--show-arrow n-carousel--bottom n-carousel--horizontal n-carousel--slide mb-6"
								style=""
								data-v-76049b2e
							>
								<!--[-->
								<div
									class="n-carousel__slides"
									role="listbox"
									style="transition-duration: 300ms; transform: translateX(0px)"
								>
									<div
										class="n-carousel__slide"
										role="option"
										tabindex="-1"
										data-index="-1"
										aria-hidden="true"
										style=""
									>
										<img
											class="carousel-img rounded cursor-pointer"
											src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/ed8feebed7989b39a4ad.png"
											data-v-inspector="components/Banner.vue:3:3"
											data-v-76049b2e
										/>
									</div>
									<div
										class="n-carousel__slide"
										role="option"
										tabindex="-1"
										data-index="-1"
										aria-hidden="true"
										style=""
									>
										<img
											class="carousel-img rounded cursor-pointer"
											src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2dfadbac5e513dc8efd0.png"
											data-v-inspector="components/Banner.vue:3:3"
											data-v-76049b2e
										/>
									</div>
									<div
										class="n-carousel__slide"
										role="option"
										tabindex="-1"
										data-index="-1"
										aria-hidden="true"
										style=""
									>
										<img
											class="carousel-img rounded cursor-pointer"
											src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/714ba6c6749576f2b6dd.png"
											data-v-inspector="components/Banner.vue:3:3"
											data-v-76049b2e
										/>
									</div>
									<div
										class="n-carousel__slide"
										role="option"
										tabindex="-1"
										data-index="-1"
										aria-hidden="true"
										style=""
									>
										<img
											class="carousel-img rounded cursor-pointer"
											src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/ed8feebed7989b39a4ad.png"
											data-v-inspector="components/Banner.vue:3:3"
											data-v-76049b2e
										/>
									</div>
									<div
										class="n-carousel__slide"
										role="option"
										tabindex="-1"
										data-index="-1"
										aria-hidden="true"
										style=""
									>
										<img
											class="carousel-img rounded cursor-pointer"
											src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2dfadbac5e513dc8efd0.png"
											data-v-inspector="components/Banner.vue:3:3"
											data-v-76049b2e
										/>
									</div>
								</div>
								<!--]--><!----><!--[-->
								<div class="n-carousel__arrow-group">
									<div class="n-carousel__arrow" role="button">
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
											<g fill="none">
												<path
													d="M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z"
													fill="currentColor"
												></path>
											</g>
										</svg>
									</div>
									<div class="n-carousel__arrow n-carousel__arrow--disabled" role="button">
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
											<g fill="none">
												<path
													d="M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z"
													fill="currentColor"
												></path>
											</g>
										</svg>
									</div>
								</div>
								<!--]-->
							</div>
							<!--]--><!--[-->
							<div
								class="n-grid mb-6"
								style="
									width: 100%;
									display: grid;
									grid-template-columns: repeat(4, minmax(0, 1fr));
									column-gap: 12px;
									row-gap: 0px;
								"
								__ssr__="true"
							>
								<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
									<div class="n-card __card-m n-card--bordered cursor-pointer" style="">
										<div class="n-card-cover" role="none">
											<img
												src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/aa355e2b0a7d2d9a41b9.png"
												class="w-[100%] h-[90px]"
												data-v-inspector="components/ImageNav.vue:6:6"
											/>
										</div>
										<!---->
										<div class="n-card__content" style="" role="none">
											<div
												class="text-center pt-4"
												data-v-inspector="components/ImageNav.vue:8:5"
											>
												vuecli在线教育实战
											</div>
										</div>
										<!----><!---->
									</div>
								</div>
								<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
									<div class="n-card __card-m n-card--bordered cursor-pointer" style="">
										<div class="n-card-cover" role="none">
											<img
												src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/8929566783b5762d4c39.png"
												class="w-[100%] h-[90px]"
												data-v-inspector="components/ImageNav.vue:6:6"
											/>
										</div>
										<!---->
										<div class="n-card__content" style="" role="none">
											<div
												class="text-center pt-4"
												data-v-inspector="components/ImageNav.vue:8:5"
											>
												uniapp在线教育实战
											</div>
										</div>
										<!----><!---->
									</div>
								</div>
								<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
									<div class="n-card __card-m n-card--bordered cursor-pointer" style="">
										<div class="n-card-cover" role="none">
											<img
												src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2990ec3d15e99c496c3b.png"
												class="w-[100%] h-[90px]"
												data-v-inspector="components/ImageNav.vue:6:6"
											/>
										</div>
										<!---->
										<div class="n-card__content" style="" role="none">
											<div
												class="text-center pt-4"
												data-v-inspector="components/ImageNav.vue:8:5"
											>
												8大实战项目
											</div>
										</div>
										<!----><!---->
									</div>
								</div>
								<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
									<div class="n-card __card-m n-card--bordered cursor-pointer" style="">
										<div class="n-card-cover" role="none">
											<img
												src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/6774f0f775396ac0009f.png"
												class="w-[100%] h-[90px]"
												data-v-inspector="components/ImageNav.vue:6:6"
											/>
										</div>
										<!---->
										<div class="n-card__content" style="" role="none">
											<div
												class="text-center pt-4"
												data-v-inspector="components/ImageNav.vue:8:5"
											>
												uniapp实战系列
											</div>
										</div>
										<!----><!---->
									</div>
								</div>
							</div>
							<!--]--><!--[--><!--[--><img
								src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5f63baebb94c35eab781.jpg"
								alt=""
								class="w-[100%] h-[100px] rounded mb-6 cursor-pointer"
								data-v-inspector="components/ImageAd.vue:2:2"
							/><!--]--><!--]--><!--[-->
							<div data-v-inspector="components/ListCard.vue:2:2">
								<div class="flex mb-3" data-v-inspector="components/ListCard.vue:3:3">
									<span class="text-lg" data-v-inspector="components/ListCard.vue:4:4">拼团</span
									><button
										class="__button-hlmmd n-button n-button--default-type n-button--medium-type ml-auto"
										tabindex="0"
										type="button"
										style=""
									>
										<!----><!----><span class="n-button__content">查看更多</span>
										<div aria-hidden="true" class="n-base-wave"></div>
										<!----><!---->
									</button>
								</div>
								<div
									class="n-grid mb-6"
									style="
										width: 100%;
										display: grid;
										grid-template-columns: repeat(4, minmax(0, 1fr));
										column-gap: 12px;
										row-gap: 0px;
									"
									__ssr__="true"
								>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/d1c2fbe07e31d1e78b5a.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>231</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥43442.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>免费</span
													>
												</div>
											</div>
											<!--[-->
											<div class="n-card__footer" style="padding: 0" role="none">
												<div
													class="bg-yellow-500 text-white p-3 text-xs flex items-center rounded-b"
													data-v-inspector="components/CourseList.vue:15:4"
												>
													拼团中
													<div
														class="ml-auto flex items-center"
														data-v-inspector="components/CourseList.vue:17:5"
													>
														倒计时
														<div
															class="count-down"
															data-v-inspector="components/CountDown.vue:2:2"
															data-v-0064e693
														>
															<small
																data-v-inspector="components/CountDown.vue:3:3"
																data-v-0064e693
																>355</small
															>
															天
															<small
																data-v-inspector="components/CountDown.vue:5:3"
																data-v-0064e693
																>21</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:7:3"
																data-v-0064e693
																>49</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:9:3"
																data-v-0064e693
																>38</small
															>
														</div>
													</div>
												</div>
											</div>
											<!--]--><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b688b9bf339a6ece9f54.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战在线教育类app开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥0.10</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥10.00</span
													>
												</div>
											</div>
											<!--[-->
											<div class="n-card__footer" style="padding: 0" role="none">
												<div
													class="bg-yellow-500 text-white p-3 text-xs flex items-center rounded-b"
													data-v-inspector="components/CourseList.vue:15:4"
												>
													拼团中
													<div
														class="ml-auto flex items-center"
														data-v-inspector="components/CourseList.vue:17:5"
													>
														倒计时
														<div
															class="count-down"
															data-v-inspector="components/CountDown.vue:2:2"
															data-v-0064e693
														>
															<small
																data-v-inspector="components/CountDown.vue:3:3"
																data-v-0064e693
																>384</small
															>
															天
															<small
																data-v-inspector="components/CountDown.vue:5:3"
																data-v-0064e693
																>00</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:7:3"
																data-v-0064e693
																>23</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:9:3"
																data-v-0064e693
																>07</small
															>
														</div>
													</div>
												</div>
											</div>
											<!--]--><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2e96031726768d0d493f.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战仿微信app开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥50.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥9.98</span
													>
												</div>
											</div>
											<!--[-->
											<div class="n-card__footer" style="padding: 0" role="none">
												<div
													class="bg-yellow-500 text-white p-3 text-xs flex items-center rounded-b"
													data-v-inspector="components/CourseList.vue:15:4"
												>
													拼团中
													<div
														class="ml-auto flex items-center"
														data-v-inspector="components/CourseList.vue:17:5"
													>
														倒计时
														<div
															class="count-down"
															data-v-inspector="components/CountDown.vue:2:2"
															data-v-0064e693
														>
															<small
																data-v-inspector="components/CountDown.vue:3:3"
																data-v-0064e693
																>377</small
															>
															天
															<small
																data-v-inspector="components/CountDown.vue:5:3"
																data-v-0064e693
																>00</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:7:3"
																data-v-0064e693
																>23</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:9:3"
																data-v-0064e693
																>07</small
															>
														</div>
													</div>
												</div>
											</div>
											<!--]--><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/10ccf3a973f5193bec3c.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>VueCli 实战在线教育后台系统</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥5.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥9.98</span
													>
												</div>
											</div>
											<!--[-->
											<div class="n-card__footer" style="padding: 0" role="none">
												<div
													class="bg-yellow-500 text-white p-3 text-xs flex items-center rounded-b"
													data-v-inspector="components/CourseList.vue:15:4"
												>
													拼团中
													<div
														class="ml-auto flex items-center"
														data-v-inspector="components/CourseList.vue:17:5"
													>
														倒计时
														<div
															class="count-down"
															data-v-inspector="components/CountDown.vue:2:2"
															data-v-0064e693
														>
															<small
																data-v-inspector="components/CountDown.vue:3:3"
																data-v-0064e693
																>384</small
															>
															天
															<small
																data-v-inspector="components/CountDown.vue:5:3"
																data-v-0064e693
																>00</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:7:3"
																data-v-0064e693
																>23</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:9:3"
																data-v-0064e693
																>07</small
															>
														</div>
													</div>
												</div>
											</div>
											<!--]--><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c948f4a7e402473337cb.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战直播app全栈开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥8.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥90.00</span
													>
												</div>
											</div>
											<!--[-->
											<div class="n-card__footer" style="padding: 0" role="none">
												<div
													class="bg-yellow-500 text-white p-3 text-xs flex items-center rounded-b"
													data-v-inspector="components/CourseList.vue:15:4"
												>
													拼团中
													<div
														class="ml-auto flex items-center"
														data-v-inspector="components/CourseList.vue:17:5"
													>
														倒计时
														<div
															class="count-down"
															data-v-inspector="components/CountDown.vue:2:2"
															data-v-0064e693
														>
															<small
																data-v-inspector="components/CountDown.vue:3:3"
																data-v-0064e693
																>384</small
															>
															天
															<small
																data-v-inspector="components/CountDown.vue:5:3"
																data-v-0064e693
																>00</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:7:3"
																data-v-0064e693
																>23</small
															>
															:
															<small
																data-v-inspector="components/CountDown.vue:9:3"
																data-v-0064e693
																>07</small
															>
														</div>
													</div>
												</div>
											</div>
											<!--]--><!---->
										</div>
									</div>
								</div>
							</div>
							<!--]--><!--[-->
							<div data-v-inspector="components/ListCard.vue:2:2">
								<div class="flex mb-3" data-v-inspector="components/ListCard.vue:3:3">
									<span class="text-lg" data-v-inspector="components/ListCard.vue:4:4">最新列表</span
									><button
										class="__button-hlmmd n-button n-button--default-type n-button--medium-type ml-auto"
										tabindex="0"
										type="button"
										style=""
									>
										<!----><!----><span class="n-button__content">查看更多</span>
										<div aria-hidden="true" class="n-base-wave"></div>
										<!----><!---->
									</button>
								</div>
								<div
									class="n-grid mb-6"
									style="
										width: 100%;
										display: grid;
										grid-template-columns: repeat(4, minmax(0, 1fr));
										column-gap: 12px;
										row-gap: 0px;
									"
									__ssr__="true"
								>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5cb264268d50e7ebbc16.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>Vue3实战商城后台管理系统开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥0.20</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥300.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/10ccf3a973f5193bec3c.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>VueCli 实战在线教育后台系统</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥9.98</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/47d1aa930177515cd95e.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战视频点播app小程序</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥9.98</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b688b9bf339a6ece9f54.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战在线教育类app开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥10.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c948f4a7e402473337cb.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战直播app全栈开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥90.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥100.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
								</div>
							</div>
							<!--]--><!--[-->
							<div data-v-inspector="components/ListCard.vue:2:2">
								<div class="flex mb-3" data-v-inspector="components/ListCard.vue:3:3">
									<span class="text-lg" data-v-inspector="components/ListCard.vue:4:4">推荐列表</span
									><button
										class="__button-hlmmd n-button n-button--default-type n-button--medium-type ml-auto"
										tabindex="0"
										type="button"
										style=""
									>
										<!----><!----><span class="n-button__content">查看更多</span>
										<div aria-hidden="true" class="n-base-wave"></div>
										<!----><!---->
									</button>
								</div>
								<div
									class="n-grid mb-6"
									style="
										width: 100%;
										display: grid;
										grid-template-columns: repeat(4, minmax(0, 1fr));
										column-gap: 12px;
										row-gap: 0px;
									"
									__ssr__="true"
								>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5cb264268d50e7ebbc16.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>Vue3实战商城后台管理系统开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥0.20</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥300.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c9a7d63fcca8f62dd377.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>egg.js图文入门</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥90.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥100.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/7099da5662a42568deba.jpg"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>我的第三个音频教程</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥30.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b688b9bf339a6ece9f54.png"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>uni-app实战在线教育类app开发</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥10.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
									<div style="display: ; grid-column: span 1 / span 1; margin-left: ">
										<div
											class="n-card __card-m n-card--bordered cursor-pointer mb-5 shadow-md !boder-0"
											style=""
										>
											<div class="n-card-cover" role="none">
												<img
													src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b5a17594d214105a4351.jpg"
													class="w-[100%] h-[150px]"
													data-v-inspector="components/CourseList.vue:4:4"
												/>
											</div>
											<!---->
											<div class="n-card__content" style="" role="none">
												<div class="pt-2" data-v-inspector="components/CourseList.vue:6:3">
													<span
														class="font-bold w-full truncate font-semibold"
														data-v-inspector="components/CourseList.vue:7:4"
														>我的音频课程1</span
													>
												</div>
												<div
													class="mt-2 flex items-center"
													data-v-inspector="components/CourseList.vue:9:3"
												>
													<span
														class="text-rose-500 font-bold"
														data-v-inspector="components/Price.vue:2:2"
														>￥10.00</span
													><span
														class="text-gray-500 text-xs line-through ml-2"
														data-v-inspector="components/Price.vue:2:2"
														>￥20.00</span
													>
												</div>
											</div>
											<!----><!---->
										</div>
									</div>
								</div>
							</div>
							<!--]--><!--[--><!----><!--]--><!--]-->
						</div>
						<!--]-->
					</main>
					<div class="mt-auto bg-dark-100 text-gray-100" data-v-inspector="components/PageFooter.vue:2:2">
						<div
							class="flex items-center justify-center py-5"
							data-v-inspector="components/PageFooter.vue:3:3"
						>
							<!--[--><a href="#" data-v-inspector="components/PageFooter.vue:4:4"> 友情链接 1</a
							><a href="#" data-v-inspector="components/PageFooter.vue:4:4"> 友情链接 2</a
							><a href="#" data-v-inspector="components/PageFooter.vue:4:4"> 友情链接 3</a
							><a href="#" data-v-inspector="components/PageFooter.vue:4:4"> 友情链接 4</a
							><a href="#" data-v-inspector="components/PageFooter.vue:4:4"> 友情链接 5</a
							><!--]-->
						</div>
						<div
							class="container border-t border-gray-500 flex items-center justify-center py-5"
							data-v-inspector="components/PageFooter.vue:7:3"
						>
							<small data-v-inspector="components/PageFooter.vue:8:4">
								Copyright @ 2022 dishait.cn 粤ICP备2020100536号
							</small>
						</div>
					</div>
				</div>
			</div>
			<!--]-->
		</div>
		<script type="application/json" id="__NUXT_DATA__" data-ssr="true">
			[
				["Reactive", 1],
				{ "data": 2, "state": 209, "_errors": 210, "serverRendered": 96 },
				{ "IndexData": 3, "groupData": 176 },
				[4, 20, 34, 55, 60, 93, 142, 170],
				{ "logo": 5, "data": 6, "checked": 18, "type": 19 },
				"帝莎编程",
				[7, 13],
				{
					"title": 8,
					"type": 9,
					"url": 10,
					"page_id": 11,
					"page_title": 12,
					"course_title": 12,
					"course_id": 12
				},
				"首页",
				"webview",
				"/",
				0,
				"",
				{
					"title": 14,
					"type": 15,
					"url": 12,
					"page_id": 11,
					"page_title": 12,
					"course_title": 16,
					"course_id": 17
				},
				"分类1",
				"course",
				"vue实战课程",
				543,
				false,
				"header",
				{ "data": 21, "checked": 18, "type": 33 },
				[22, 25, 30],
				{ "src": 23, "type": 9, "course_title": 12, "course_id": 12, "url": 24 },
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2dfadbac5e513dc8efd0.png",
				"https://study.163.com/course/courseMain.htm?courseId=1212775807&share=2&shareId=480000001892585",
				{ "src": 26, "type": 9, "course_title": 27, "course_id": 28, "url": 29 },
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/714ba6c6749576f2b6dd.png",
				"我是音频123",
				539,
				"https://study.163.com/course/courseMain.htm?courseId=1209487898&share=2&shareId=480000001892585",
				{ "src": 31, "type": 9, "course_title": 12, "course_id": 12, "url": 32 },
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/ed8feebed7989b39a4ad.png",
				"https://study.163.com/course/courseMain.htm?courseId=1209644880&share=2&shareId=480000001892585",
				"swiper",
				{ "data": 35, "checked": 18, "type": 54 },
				[36, 42, 46, 50],
				{
					"src": 37,
					"name": 38,
					"type": 9,
					"url": 39,
					"page_id": 40,
					"page_title": 41,
					"course_title": 12,
					"course_id": 12
				},
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/aa355e2b0a7d2d9a41b9.png",
				"vuecli在线教育实战",
				"https://study.163.com/course/courseMain.htm?courseId=1210894808&share=2&shareId=480000001892585",
				5,
				"新页面",
				{
					"src": 43,
					"name": 44,
					"type": 9,
					"url": 45,
					"page_id": 11,
					"page_title": 12,
					"course_title": 27,
					"course_id": 28
				},
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/8929566783b5762d4c39.png",
				"uniapp在线教育实战",
				"https://study.163.com/course/courseMain.htm?courseId=1211586802&share=2&shareId=480000001892585",
				{
					"src": 47,
					"name": 48,
					"type": 9,
					"url": 49,
					"page_id": 11,
					"page_title": 12,
					"course_title": 12,
					"course_id": 12
				},
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2990ec3d15e99c496c3b.png",
				"8大实战项目",
				"https://study.163.com/series/1202883608.htm",
				{
					"src": 51,
					"name": 52,
					"type": 9,
					"url": 53,
					"page_id": 40,
					"page_title": 41,
					"course_title": 12,
					"course_id": 12
				},
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/6774f0f775396ac0009f.png",
				"uniapp实战系列",
				"https://study.163.com/provider/480000001892585/index.htm?share=2&shareId=480000001892585",
				"icons",
				{ "data": 56, "checked": 18, "type": 59 },
				[57],
				{ "src": 58, "type": 15, "course_title": 27, "course_id": 28, "url": 12 },
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5f63baebb94c35eab781.jpg",
				"imageAd",
				{ "listType": 61, "title": 62, "data": 63, "checked": 18, "type": 92 },
				"group",
				"拼团",
				[64, 75, 84],
				{
					"id": 28,
					"title": 27,
					"cover": 65,
					"try": 66,
					"content": 67,
					"price": 68,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 73,
					"updated_time": 74
				},
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/0bb3ed1eae1762280ad5.png",
				"\u003Cp>我是音频1\u003C/p>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c087e9b00b7c0dd3235e.mp3",
				"10.00",
				"20.00",
				"audio",
				11,
				1,
				"2021-04-15T07:47:38.000Z",
				"2021-04-15T08:08:14.000Z",
				{
					"id": 76,
					"title": 77,
					"cover": 78,
					"try": 79,
					"content": 80,
					"price": 81,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 11,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 82,
					"updated_time": 83
				},
				525,
				"第二个音频",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/11abd59c652ddf25afbc.png",
				"\u003Cp>第二个音频\u003C/p>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2ee01b4af4da756812b1.mp3",
				"10.10",
				"2021-04-06T04:30:51.000Z",
				"2021-04-10T14:44:54.000Z",
				{
					"id": 85,
					"title": 86,
					"cover": 87,
					"try": 88,
					"content": 89,
					"price": 68,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 90,
					"updated_time": 91
				},
				25,
				"第一个音频课程",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/7c0dbd982f8ff5f92479.jpg",
				"\u003Cp>第一个音频课程\u003C/p>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/876f865cd563c5d87dc6.mp3",
				"2021-04-01T19:39:47.000Z",
				"2021-04-10T14:45:17.000Z",
				"promotion",
				{ "listType": 94, "title": 95, "showMore": 96, "more": 18, "data": 97, "checked": 18, "type": 141 },
				"one",
				"最新列表",
				true,
				[98, 109, 118, 126, 131],
				{
					"id": 99,
					"title": 100,
					"cover": 101,
					"try": 102,
					"content": 103,
					"price": 104,
					"t_price": 105,
					"type": 106,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 107,
					"updated_time": 108
				},
				931,
				"Vue3实战商城后台管理系统开发",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5cb264268d50e7ebbc16.png",
				"\u003Ch2 class=\"u-ctit ctit1\">课程概述\u003C/h2>\n\u003Cdiv id=\"auto-id-1655816958297\" class=\"cintrocon j-courseintro\">本季度基于Vue3 + ElementPlus + Vite实战开发商城后台管理系统，其中包括Vite的使用，Vue3全新的 &lt;script setup&gt; 语法，vuex4、Vue-router4、使用ElementPlus 库、多权限管理、商品多规格实现、订单发货、导出订单、图库模块、分销模块、分享海报以及部署服务器上线知识等。\u003Cbr />\u003Cbr />【课程演示】\u003Cbr />课程演示地址：http://shopadmin.dishawang.com\u003Cbr />账号：admin&nbsp;&nbsp;密码：admin\u003Cbr />\u003Cbr />【常见问题】\u003Cbr />问题1：老师，这门课有涉及&nbsp;Typescript&nbsp;吗？\u003Cbr />回答：靓仔，这门课没有加ts哦，主要是考虑到小白，打算下一门vue3的实战新课再加入\u003Cbr />\u003Cbr />问题2：老师，这门课有讲后端开发吗？\u003Cbr />回答：靓仔，只讲前端和前后端交互，不过会提供线上api接口和接口文档，另外&nbsp;后端api源码&nbsp;等课程完结之后也会共享到群文件中，同时也会提供后端api接口源码的部署教程。\u003Cbr />\u003Cbr />\u003C/div>\n\u003Cdiv class=\"cintrocon j-courseintro\">\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/dfbdafe91634662e007f.png?x-oss-process=image/format,webp\" width=\"880\" height=\"495\" />\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/dca0d24638ed46f80796.png?x-oss-process=image/format,webp\" width=\"880\" height=\"426\" />\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/a3085f1026a152988d44.png?x-oss-process=image/format,webp\" width=\"880\" height=\"495\" />\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/a3e2def9547a603cc50f.png?x-oss-process=image/format,webp\" width=\"880\" height=\"883\" />\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/28c10c21ff40821189e9.png?x-oss-process=image/format,webp\" width=\"880\" height=\"863\" />\u003C/div>\n\u003Cdiv class=\"cintrocon j-courseintro\">&nbsp;\u003C/div>",
				"\u003Cp>3333\u003C/p>",
				"0.20",
				"300.00",
				"media",
				"2022-02-08T13:58:21.000Z",
				"2022-06-21T13:13:55.000Z",
				{
					"id": 110,
					"title": 111,
					"cover": 112,
					"try": 113,
					"content": 114,
					"price": 115,
					"t_price": 69,
					"type": 106,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 116,
					"updated_time": 117
				},
				6,
				"VueCli 实战在线教育后台系统",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/10ccf3a973f5193bec3c.png",
				"\u003Cp>VueCli 实战在线教育后台系统试看内容\u003C/p>",
				"\u003Ch2 class=\"u-ctit ctit1\">课程概述\u003C/h2>\n\u003Cdiv class=\"cintrocon j-courseintro\">本季度基于vue-element-admin实战开发在线教育后台系统，课程包括：图文，音频，视频，电子书、会员、直播、问答、题库、拼团秒杀、优惠券、可视化拖拽管理多端（PC端&nbsp;+&nbsp;移动端）。课程涉及vue&nbsp;+&nbsp;vuex&nbsp;+&nbsp;vue-router&nbsp;+&nbsp;vue-cli&nbsp;+&nbsp;axios&nbsp;+&nbsp;element-ui&nbsp;+&nbsp;Mock.js等内容。\u003Cbr />\u003Cbr />\u003Cbr />课程大纲见以下图！\u003C/div>\n\u003Cdiv class=\"j-courseintroImgs introimg\">\n\u003Cdiv>\u003Cimg id=\"auto-id-1624901492689\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/165b8b2aa1374255b2fea9c3db5b1f0e.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"663\" data-src=\"//edu-image.nosdn.127.net/165b8b2aa1374255b2fea9c3db5b1f0e.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901492690\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/d37a5093c82b4fe4b9af437d2da953ff.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1463\" data-src=\"//edu-image.nosdn.127.net/d37a5093c82b4fe4b9af437d2da953ff.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901492691\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/87033003ea6744b88ac69001d9896163.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"914\" data-src=\"//edu-image.nosdn.127.net/87033003ea6744b88ac69001d9896163.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901492692\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/7ffa5057198e4a869eab90f3622c10b3.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1312\" data-src=\"//edu-image.nosdn.127.net/7ffa5057198e4a869eab90f3622c10b3.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901492693\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/c7ac94b12b0f46998679c645c977084d.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"700\" data-src=\"//edu-image.nosdn.127.net/c7ac94b12b0f46998679c645c977084d.png?imageView&amp;quality=100&amp;type=webp\" />\u003C/div>\n\u003C/div>",
				"9.98",
				"2021-02-28T17:06:15.000Z",
				"2021-06-28T17:31:58.000Z",
				{
					"id": 119,
					"title": 120,
					"cover": 121,
					"try": 122,
					"content": 123,
					"price": 115,
					"t_price": 69,
					"type": 106,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 124,
					"updated_time": 125
				},
				7,
				"uni-app实战视频点播app小程序",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/47d1aa930177515cd95e.png",
				"\u003Cp>uni-app实战视频点播app小程序试看内容\u003C/p>",
				"\u003Ch2 class=\"u-ctit ctit1\">课程概述\u003C/h2>\n\u003Cdiv class=\"cintrocon j-courseintro\">本季度为uni-app&nbsp;+&nbsp;egg.js&nbsp;实战视频点播类app、小程序和H5全栈开发，另外还会结合subNVue实现自定义播放器组件，vuex管理项目状态，腾讯云点播&nbsp;VOD转码处理和分发加速等。一次开发，同时搞定Android、iOS、小程序和H5端等。\u003Cbr />\u003Cbr />\u003Cbr />\u003C/div>\n\u003Cdiv class=\"j-courseintroImgs introimg\">\n\u003Cdiv>\u003Cimg id=\"auto-id-1624901537244\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/b1b0635105b34419982d4a02436a81d3.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"495\" data-src=\"//edu-image.nosdn.127.net/b1b0635105b34419982d4a02436a81d3.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901537245\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/2b830fc536b640cd9802a639a1624d7f.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1224\" data-src=\"//edu-image.nosdn.127.net/2b830fc536b640cd9802a639a1624d7f.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901537246\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/1160f4706501415493a28a222642137f.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"683\" data-src=\"//edu-image.nosdn.127.net/1160f4706501415493a28a222642137f.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901537247\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/7ac6ddf9c93f4de18fe39749d1d4b6b3.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"669\" data-src=\"//edu-image.nosdn.127.net/7ac6ddf9c93f4de18fe39749d1d4b6b3.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901537248\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/2d5e77f43ce84905b6ce63b62771f14b.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1485\" data-src=\"//edu-image.nosdn.127.net/2d5e77f43ce84905b6ce63b62771f14b.png?imageView&amp;quality=100&amp;type=webp\" />\u003C/div>\n\u003C/div>",
				"2021-02-28T17:06:21.000Z",
				"2021-06-28T17:33:10.000Z",
				{
					"id": 85,
					"title": 127,
					"cover": 128,
					"try": 129,
					"content": 89,
					"price": 68,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 90,
					"updated_time": 130
				},
				"uni-app实战在线教育类app开发",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b688b9bf339a6ece9f54.png",
				"\u003Ch2 class=\"u-ctit ctit1\">课程概述\u003C/h2>\n\u003Cdiv class=\"cintrocon j-courseintro\">本季度基于uni-app实战开发在线教育类app和小程序，课程包括：图文，音频，视频，电子书、会员、直播、问答、考试、拼团秒杀、优惠券。一次开发，同时搞定Android、iOS、微信小程序、H5端。\u003Cbr />\u003Cbr />\u003Cbr />\u003C/div>\n\u003Cdiv class=\"j-courseintroImgs introimg\">\n\u003Cdiv>\u003Cimg id=\"auto-id-1624901407338\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/a8c9d36af9964ae4831b08a1ad8c3560.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"495\" data-src=\"//edu-image.nosdn.127.net/a8c9d36af9964ae4831b08a1ad8c3560.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901407339\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/1c3925b14b6446e5ace8c357e22bcc48.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"586\" data-src=\"//edu-image.nosdn.127.net/1c3925b14b6446e5ace8c357e22bcc48.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901407340\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/36c138b44bb0443386ab974192832e54.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"990\" data-src=\"//edu-image.nosdn.127.net/36c138b44bb0443386ab974192832e54.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901407341\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/076b9318be594246829df6b39e5243a3.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"733\" data-src=\"//edu-image.nosdn.127.net/076b9318be594246829df6b39e5243a3.png?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901407342\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/fc4971d032464fcb8f2c2869960356bc.png?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"495\" data-src=\"//edu-image.nosdn.127.net/fc4971d032464fcb8f2c2869960356bc.png?imageView&amp;quality=100&amp;type=webp\" />\u003C/div>\n\u003C/div>",
				"2021-06-28T17:31:08.000Z",
				{
					"id": 71,
					"title": 132,
					"cover": 133,
					"try": 134,
					"content": 135,
					"price": 136,
					"t_price": 137,
					"type": 138,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 139,
					"updated_time": 140
				},
				"uni-app实战直播app全栈开发",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c948f4a7e402473337cb.png",
				"\u003Ch2 class=\"u-ctit ctit1\">课程概述\u003C/h2>\n\u003Cdiv class=\"cintrocon j-courseintro\">本季度为uni-app&nbsp;+&nbsp;egg.js&nbsp;实战直播app、小程序全栈开发，课程涉及：node.js直播服务器搭建，socket.io实时送礼物、实时弹幕功能等。一次开发，同时搞定Android、iOS、小程序端。\u003Cbr />\u003Cbr />\u003C/div>\n\u003Cdiv class=\"j-courseintroImgs introimg\">\n\u003Cdiv>\u003Cimg id=\"auto-id-1624901719776\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/ce91fc9fc9804aa7b585ff2adba42d12.jpg?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"495\" data-src=\"//edu-image.nosdn.127.net/ce91fc9fc9804aa7b585ff2adba42d12.jpg?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901719777\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/741c9ae082d04163884d2190a9e27487.jpg?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1124\" data-src=\"//edu-image.nosdn.127.net/741c9ae082d04163884d2190a9e27487.jpg?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901719778\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/82c5a9559ebb4c55aa9a675ba90128a0.jpg?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1093\" data-src=\"//edu-image.nosdn.127.net/82c5a9559ebb4c55aa9a675ba90128a0.jpg?imageView&amp;quality=100&amp;type=webp\" />\u003Cimg id=\"auto-id-1624901719779\" class=\"intro-img\" src=\"https://edu-image.nosdn.127.net/2cd90f8940794713810fa1dc1fe805fd.jpg?imageView&amp;quality=100&amp;type=webp\" width=\"880\" height=\"1485\" data-src=\"//edu-image.nosdn.127.net/2cd90f8940794713810fa1dc1fe805fd.jpg?imageView&amp;quality=100&amp;type=webp\" />\u003C/div>\n\u003C/div>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c968f15ea596b084bcb1.mp4",
				"90.00",
				"100.00",
				"video",
				"2021-03-11T16:38:42.000Z",
				"2021-06-28T17:35:37.000Z",
				"list",
				{ "listType": 94, "title": 143, "showMore": 96, "more": 18, "data": 144, "checked": 96, "type": 141 },
				"推荐列表",
				[145, 146, 154, 162, 163],
				{
					"id": 99,
					"title": 100,
					"cover": 101,
					"try": 102,
					"content": 103,
					"price": 104,
					"t_price": 105,
					"type": 106,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 107,
					"updated_time": 108
				},
				{
					"id": 147,
					"title": 148,
					"cover": 149,
					"try": 150,
					"content": 151,
					"price": 136,
					"t_price": 137,
					"type": 106,
					"school_id": 71,
					"status": 11,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 152,
					"updated_time": 153
				},
				10,
				"egg.js图文入门",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/c9a7d63fcca8f62dd377.png",
				"\u003Cp>egg.js图文入门\u003Cimg class=\"wscnph\" src=\"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/322da14afbb6f84b303f.png\" />\u003C/p>",
				"\u003Cp>egg.js图文入门\u003C/p>",
				"2021-03-11T16:11:45.000Z",
				"2021-08-24T06:00:07.000Z",
				{
					"id": 155,
					"title": 156,
					"cover": 157,
					"try": 158,
					"content": 159,
					"price": 69,
					"t_price": 160,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 161,
					"updated_time": 161
				},
				897,
				"我的第三个音频教程",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/7099da5662a42568deba.jpg",
				"\u003Cp>我的第三个音频教程\u003C/p>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/ed1b742f7a95b4db32d3.mp3",
				"30.00",
				"2021-07-31T13:57:36.000Z",
				{
					"id": 85,
					"title": 127,
					"cover": 128,
					"try": 129,
					"content": 89,
					"price": 68,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 90,
					"updated_time": 130
				},
				{
					"id": 164,
					"title": 165,
					"cover": 166,
					"try": 167,
					"content": 168,
					"price": 68,
					"t_price": 69,
					"type": 70,
					"school_id": 71,
					"status": 72,
					"sub_count": 11,
					"is_single": 72,
					"created_time": 169,
					"updated_time": 169
				},
				895,
				"我的音频课程1",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/b5a17594d214105a4351.jpg",
				"\u003Cp>我的音频课程1\u003C/p>",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/7684ab0418281d5f26cb.mp3",
				"2021-07-31T09:04:37.000Z",
				{ "data": 171, "beian": 174, "checked": 18, "type": 175 },
				[172],
				{
					"title": 5,
					"type": 9,
					"url": 173,
					"page_id": 11,
					"page_title": 12,
					"course_title": 12,
					"course_id": 12
				},
				"www.dishaxy.com",
				"备案信息",
				"footer",
				{ "count": 40, "rows": 177 },
				[178, 187, 192, 201, 205],
				{
					"group_id": 179,
					"id": 180,
					"title": 181,
					"cover": 182,
					"price": 183,
					"t_price": 184,
					"type": 106,
					"start_time": 185,
					"end_time": 186
				},
				123,
				1432,
				"231",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/d1c2fbe07e31d1e78b5a.png",
				"43442.00",
				"0.00",
				"2022-05-31T13:26:31.000Z",
				"2024-06-01T13:26:31.000Z",
				{
					"group_id": 188,
					"id": 85,
					"title": 127,
					"cover": 128,
					"price": 189,
					"t_price": 68,
					"type": 70,
					"start_time": 190,
					"end_time": 191
				},
				31,
				"0.10",
				"2021-05-16T08:31:00.000Z",
				"2024-06-29T16:00:00.000Z",
				{
					"group_id": 193,
					"id": 194,
					"title": 195,
					"cover": 196,
					"price": 197,
					"t_price": 115,
					"type": 198,
					"start_time": 199,
					"end_time": 200
				},
				30,
				3,
				"uni-app实战仿微信app开发",
				"http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/2e96031726768d0d493f.png",
				"50.00",
				"column",
				"2021-05-15T17:05:00.000Z",
				"2024-06-22T16:00:00.000Z",
				{
					"group_id": 202,
					"id": 110,
					"title": 111,
					"cover": 112,
					"price": 203,
					"t_price": 115,
					"type": 106,
					"start_time": 204,
					"end_time": 191
				},
				29,
				"5.00",
				"2021-05-15T17:04:00.000Z",
				{
					"group_id": 206,
					"id": 71,
					"title": 132,
					"cover": 133,
					"price": 207,
					"t_price": 136,
					"type": 138,
					"start_time": 208,
					"end_time": 191
				},
				21,
				"8.00",
				"2021-04-15T16:00:00.000Z",
				{},
				{ "IndexData": 211, "groupData": 211 },
				null
			]
		</script>
		<script>
			window.__NUXT__ = {}
			window.__NUXT__.config = { public: {}, app: { baseURL: '/', buildAssetsDir: '/_nuxt/', cdnURL: '' } }
		</script>
		<script type="module" src="/_nuxt/@vite/client" crossorigin></script>
		<script
			type="module"
			src="/_nuxt/F:/项目/codewhy/nuxt-edu/node_modules/nuxt/dist/app/entry.js"
			crossorigin
		></script>
	</body>
</html>
